<!DOCTYPE html>
<html>
<head xmlns:th="http://www.w3.org/1999/xhtml">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>龙虎榜</title>
    <link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">

    <!-- Data Tables -->
    <link href="/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">
    <link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="/css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="/css/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
    <link href="/css/plugins/cropper/cropper.min.css" rel="stylesheet">
    <link href="/css/plugins/switchery/switchery.css" rel="stylesheet">
    <link href="/css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
    <link href="/css/plugins/nouslider/jquery.nouislider.css" rel="stylesheet">
    <link href="/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="/css/plugins/ionRangeSlider/ion.rangeSlider.css" rel="stylesheet">
    <link href="/css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css" rel="stylesheet">
    <link href="/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <link href="/css/plugins/clockpicker/clockpicker.css" rel="stylesheet">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
<!--                        <h1 style="color: red;" >猫狗榜</h1>-->
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="../stockInfo/query">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="../stockInfo/query">选项1</a>
                                </li>
                                <li><a href="../stockInfo/query">选项2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                        <div>
                        <table class="table table-striped table-bordered table-hover dataTables-example">
                            <thead>
                                <tr style="font-size:20px;">
                                    <th>公司简称</th>
                                    <th>公司代码</th>
                                    <th>涨跌幅</th>
                                    <th>成交金额</th>
                                    <th>净买入额</th>
                                    <th>日期</th>
                                </tr>
                            </thead>
                            <tbody >
                            <tr class="gradeX" th:each="result,resultStat:${list}"  style="font-size:20px;" href="#tab-1">
                                <td th:text="${result.stockName}"></td>
                                <td ><a th:text="${result.stockCode}" /></td>
                                <td th:text="${result.zdf + '%'}"  th:style="${result.zdf > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:20px;'}" ></td>
                                <td th:text="${result.zcjje+'亿'}" ></td>
                                <td th:text="${result.jmre+'亿'}" th:style="${result.jmre > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:20px;'}" ></td>
                                <td th:text="${result.date}" ></td>
                            </tr>
                            <div id="tab-1" class="tab-pane active">
                                <div class="full-height-scroll">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-hover">
                                            <tbody>
                                            <tr style="font-size:20px;font-weight:bold">
                                                <td class="client-avatar"><img alt="image" src="../img/a2.jpg"> </td>
                                                <td><a data-toggle="tab" href="#contact-1" class="client-link" >名称</a> </td>
                                                <td>最后封板时间1</td>
                                                <td>封板资金</td>
                                                <td >炸板次数</td>
                                                <!--                                                <td class="contact-type"><i class="fa fa-envelope"> </i> </td>-->
                                                <td >涨停原因 </td>
                                                <td class="client-status"><span class="label label-primary">已验证</span> </td>
                                            </tr>
                                            <tr th:each="result,resultStat:${first}" style="color:red;font-size:20px;">
                                                <td class="client-avatar"><img alt="image" src="../img/a2.jpg"> </td>
                                                <td><a data-toggle="tab" th:id="${result.code}" onclick="chakanxaingxing(this)" class="client-link" th:text="${result.name}"></a> </td>
                                                <td th:text="${result.lbt}"></td>
                                                <td th:text="${result.fund}+'亿'"></td>
                                                <td th:text="${result.zbc}"></td>
                                                <!--                                                <td class="contact-type"><i class="fa fa-envelope"> </i> </td>-->
                                                <td th:text="${result.hybk}"> </td> <td class="client-status"><span class="label label-primary">已验证</span> </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        </body>
    </div>
    <script src="/js/jquery.min.js?v=2.1.4"></script>
    <script src="/js/bootstrap.min.js?v=3.3.5"></script>
    <script src="/js/plugins/jeditable/jquery.jeditable.js"></script>
    <script src="/js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="/js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="/js/content.min.js?v=1.0.0"></script>
    <script>
        $(document).ready(function () {
            $(".dataTables-example").dataTable();
            var oTable = $("#editable").dataTable();
            oTable.$("td").editable("../example_ajax.php", {
                "callback": function (sValue, y)
                            {
                                var aPos = oTable.fnGetPosition(this);
                                oTable.fnUpdate(sValue, aPos[0], aPos[1])
                             },
                "submitdata": function (value, settings)
                            {
                                return {"row_id": this.parentNode.getAttribute("id"), "column": oTable.fnGetPosition(this)[2]}
                            },
                "width": "90%", "height": "100%"
            })
        });
        function fnClickAddRow() {
            $("#editable").dataTable().fnAddData(["Custom row", "New row", "New row", "New row", "New row"])
        };
        function requestData(code) {
            $.get("/company/markType?type=1&flag=update&id="+code,function(data,status){
                document.getElementById(code+"view").style.display="none";
                document.getElementById(code+"open").style.display="none";
                document.getElementById(code+"close").style.display="block";
                alert("添加成功！");
            });
        };
        function requestDataClose(code) {
            $.get("/company/markType?type=0&flag=update&id="+code,function(data,status){
                document.getElementById(code+"view").style.display="none";
                document.getElementById(code+"close").style.display="none";
                document.getElementById(code+"open").style.display="block";
                alert("删除成功！");
            });
        };
    </script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>

</html>